@import "src/styles/global";

.congratulationBox {
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0;
  align-items: center;

  @media screen and #{$desktopBelow}{
    margin: 50px 0 20px 0;
  }

  img {
    width: 45%;

    @media screen and #{$iPadProBelow}{
      width: 100%;
    }
  }

  div {
    width: 50%;

    @media screen and #{$iPadProBelow}{
      margin-top: 40px;
      width: 100%;
    }

    h2 {
      font-size: 2rem;
      margin: 1rem 0;
    }

    h3 {
      margin: .5rem 0;
      font-size: 1.3rem;
      font-weight: normal;
    }

    button {
      margin-top: 20px;
    }
  }
}
